<%-- 
    Document   : mi_pagina
    Created on : 14/04/2013, 12:25:26 PM
    Author     : Fernando
--%>

<%@page import="org.w3c.dom.Document"%>
<%@page import="pack_gestionarProducto.ListaProducto"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>VirtualShop</title>

        <!-- Dejando fijo el scroll al actualizar página-->
        <script>
            //location.assign();
            window.onload=function(){
                var pos=window.name || 0;
                window.scrollTo(0,pos);
            }
            window.onunload=function(){
                window.name=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
            }
        </script>
        <!-- Fin Dejando fijo el scroll al actualizar página-->

        <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />

        <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
        <script src="js/jquery.slide.js" type="text/javascript"></script>
        <script src="js/jquery-func.js" type="text/javascript"></script>
        <script src="js/jquery.numeric.js" type="text/javascript"></script>

        <!-- formateando botones-->
        <link rel="stylesheet" type="text/css" href="css/format_boton.css" />
        <!-- Fin formateando botones-->

        <!-- Script ventana modal-->
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox.css" />
        <script type="text/javascript" src="js/jquery.lightbox.min.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function($){
                $('.lightbox').lightbox();
            });
        </script>

        <!-- Fin Script Ventana modal-->

        <!-- sesión global-->
        <%

            HttpSession AplicationSession = request.getSession(true);
            if (AplicationSession.getAttribute("usuario") == null) {
                AplicationSession.setAttribute("anonimo", "anonimo");
                response.sendRedirect("index.jsp");
            }

        %>
        <!-- Fin sesión global-->

    </head>
    <body>
        <!-- Top -->
        <div id="top">

            <div class="shell">

                <!-- Header -->
                <div id="header">
                    <h1 id="logo"><a href="index.jsp">VirtualShop</a></h1>
                    <div id="navigation">
                        <ul>
                            <li><a href="mi_pagina.jsp">Inicio</a></li>
                            <li><a href="#">Mi Cuenta</a></li>
                            <li><a href="SalirSesion">Cerrar esta sesión</a></li>
                            <li class="last"><a href="#">Contacto</a></li>
                        </ul>
                    </div>
                </div>
                <!-- End Header -->

            </div>
        </div>
        <!-- Top -->

        <!-- Main -->
        <div id="main">
            <div class="shell">

                <!-- Search, etc -->
                <div class="options">
                    <div class="search">
                        <form action="" method="post">
                            <span class="field"><input type="text" class="blink" value="Buscar producto" title="Buscar producto" /></span>
                            <input type="text" class="search-submit" value="GO" />
                        </form>
                    </div>
                    <%
                        if (AplicationSession.getAttribute("anonimo") != null) {
                            out.write("<span id='spanlink' class='left'><a class='lightbox' id ='inisesion' href='#'>¿Has ingresado como anónimo?</a></span>");
                        } else {
                            out.write("<span class='left'>Bienvenido a VirtualShop " + AplicationSession.getAttribute("usuario") + "!</span>");
                        }
                    %>
                    <script type="text/javascript">
                        jQuery(document).ready(function($){
                            var link=$('#inisesion');
                            texto = link.text();
                            $('#spanlink').mouseover(function(){                           
                                link.text('Iniciar Sesión');
                                link.attr({
                                    'href':'login.jsp?lightbox[width]=396&lightbox[height]=140&lightbox[modal]=true'
                                });
                            }).mouseout(function(){
                                link.text(texto);
                                link.attr({
                                    'href': '#'
                                });
                            }); 
                        });
                    </script>
                    <div class="right">
                        <span class="cart">
                            <a href="mi_carrito.jsp?lightbox[width]=65p&lightbox[height]=80p&lightbox[modal]=true" class="lightbox" title="Ver mi carrito de compras" id="cart-ico">&nbsp;</a>
                            <%
                                double totalcompra = 0.00;
                                if (AplicationSession.getAttribute("TotalCompra") != null) {
                                    totalcompra = Double.parseDouble("" + AplicationSession.getAttribute("TotalCompra"));
                                }
                                out.write("<strong>$" + totalcompra + "</strong>");
                            %>

                        </span>
                        <span class="left more-links">
                            <%
                                int contador = 0;
                                if (AplicationSession.getAttribute("contadorProducto") != null) {
                                    contador = Integer.parseInt("" + AplicationSession.getAttribute("contadorProducto"));
                                }
                                out.write("<a href='mi_carrito.jsp?lightbox[width]=65p&lightbox[height]=80p&lightbox[modal]=true' class='lightbox' title='Productos añadidos al carrito'>" + contador + " Producto(s)</a>");
                            %>
                            <a href="CancelaCompra">Cancelar compra</a>
                        </span>
                    </div>
                </div>
                <!-- End Search, etc -->

                <!-- Content -->
                <div id="content">

                    <!-- Tabs -->
                    <div class="tabs">
                        <ul>
                            <li><a href="#" class="active"><span>Safety Shoes</span></a></li>
                            <li><a href="#"><span>Sport Shoes</span></a></li>
                            <li><a href="#" class="red"><span>More Shoes</span></a></li>
                        </ul>
                    </div>
                    <!-- Tabs -->

                    <!-- Container -->
                    <div id="container">

                        <div class="tabbed">

                            <!-- First Tab Content -->
                            <div class="tab-content" style="display:block;">
                                <div class="items">
                                    <div class="cl">&nbsp;</div>
                                    <ul>
                                        <%!                                            /**
                                             * variable de instancia (Global).
                                             */
                                            ListaProducto lista;
                                        %>
                                        <%
                                            lista = new ListaProducto();
                                            if (lista.desempaquetar() != null) {
                                                for (int i = 0; i < lista.getLista().length; i++) {
                                                    out.write("<li>"
                                                            + "<div class='image'>"
                                                            + "<a href='adicionar_carrito.jsp?lightbox[width]=220&lightbox[height]=350&id_select=" + i + "'><img src='css/images/image1.jpg' alt='' /></a>"
                                                            + "</div>"
                                                            + "<p>"
                                                            + "ID de producto: <span>" + lista.getLista()[i].getID() + "</span><br />"
                                                            + "Disponibles : <span>" + lista.getLista()[i].getCantidad() + "</span><br />"
                                                            + "Nombre: <span>" + lista.getLista()[i].getNombre() + "</span><br />"
                                                            + "</p>"
                                                            + "<p class='price'>"
                                                            + "Precio: <strong>$" + lista.getLista()[i].getPrecio() + "</strong><br/><br/>"
                                                            + "&nbsp;<a href='adicionar_carrito.jsp?lightbox[width]=220&lightbox[height]=350&id_select=" + i + "' class='lightbox' id='button'>Añadir al Carrito</a>"
                                                            + "</p>"
                                                            + "</li>");

                                                }

                                                AplicationSession.setAttribute("objListaProducto", lista);
                                            } else {
                                                out.write("Lo sentimos, no hay productos disponibles.");
                                            }
                                        %>
                                    </ul>
                                    <div class="cl">&nbsp;</div>
                                </div>
                            </div>
                        </div>
                        <script>
                            $(document).ready(function(){
                                $(".jquery-lightbox-button-close").click(function(event){
                                    event.preventDefault();
                                    //$(".tab-content").load("recargaItemsIndex.jsp");
                                    window.location="mi_pagina.jsp";
                                });
                            });
                        </script>
                        <!-- Brands -->
                        <div class="brands">
                            <h3>Brands</h3>
                            <div class="logos">
                                <a href="#"><img src="css/images/logo1.gif" alt="" /></a>
                                <a href="#"><img src="css/images/logo2.gif" alt="" /></a>
                                <a href="#"><img src="css/images/logo3.gif" alt="" /></a>
                                <a href="#"><img src="css/images/logo4.gif" alt="" /></a>
                                <a href="#"><img src="css/images/logo5.gif" alt="" /></a>
                            </div>
                        </div>
                        <!-- End Brands -->

                        <!-- Footer -->
                        <div id="footer">
                            <div class="left">
                                <a href="#">Home</a>
                                <span>|</span>
                                <a href="#">Support</a>
                                <span>|</span>
                                <a href="#">My Account</a>
                                <span>|</span>
                                <a href="#">The Store</a>
                                <span>|</span>
                                <a href="#">Contact</a>
                            </div>
                            <div class="right">
                                &copy; Sitename.com. Design by <a href="http://chocotemplates.com" target="_blank" title="CSS Templates">ChocoTemplates.com</a>
                            </div>
                        </div>
                        <!-- End Footer -->

                    </div>
                    <!-- End Container -->

                </div>
                <!-- End Content -->

            </div>
        </div>
        <!-- End Main -->

    </body>
</html>
